<template>
	<view>
		<view class="pjListItem"> 
			<view class="pjScore">
				<view class="scoreTxt">评分</view>
				<view><htz-rate v-model="pjScore" :size="42" :gutter="5" :readonly="true" :type="0"></htz-rate></view>
			</view>
			<view class="pjContent">{{pjContent}}</view>
			<view class="pjTime">{{pjTime}}</view>
		</view>
	</view>
</template>

<script>
	import { getMyOrderPj } from '@/api/mine/comment'
	export default {
		data(){
			return{
				pjScore:0,
				pjId:'',
				pjInfo:[],
				pjContent:'',
				pjTime:'',
				currType:''//resType->资源订单list查看评价  zxType->咨询订单 cpType->测评订单
			}
		},
		onLoad(options){
			this.currType = options.currType;
			this.pjId = options.pjId;
			this.loadMyPjCon();
		},
		methods:{
			loadMyPjCon(){
				uni.showLoading({title:'加载中...', mask: true });
				var field = {id:this.pjId};
				getMyOrderPj(field).then(res=>{
					this.pjScore = res.data.datas.pjScore;
					this.pjContent = res.data.datas.pjContent;
					this.pjTime = res.data.datas.pjTime;
				}).catch(err=>{
					console.log(err)
				});
			}
		}
	}
</script>

<style lang='scss'>
	page{
		background: $pss-bg-primary;
	}
	.pjListItem{
		padding: 30rpx;
		background: $pss-colorFFF;
		.pjTime{
			color: $pss-text-colora;
			font-size: $font-size24;
			margin-top: 10rpx;
		}
		.pjScore{
			width: 100%;
			height: 60rpx;
			display: flex;
			align-items: center;
			color: $pss-text-color3;
			font-size: $font-size30;
			.scoreTxt{
				margin-right: 10rpx;
			}
		}
		.pjContent{
			width: 100%;
			font-size: $font-size28;
			color: $pss-text-color3;
			padding: 10rpx 0 0 0;
		}
	}
</style>